﻿body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0 }
body, button, input, select, textarea { font:12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif }
h1, h2, h3, h4, h5, h6 { font-size:100% }
address, cite, dfn, em, var { font-style:normal }
code, kbd, pre, samp { font-family:courier new, courier, monospace }
small { font-size:12px }
ul, ol { list-style:none }
a { text-decoration:none; color:#757575; outline:0 }
a:hover { text-decoration:underline; color:#c7744f }
sup { vertical-align:text-top }
sub { vertical-align:text-bottom }
legend { color:#000 }
fieldset, img { border:0 }
button, input, select, textarea { font-size:100% }
table { border-collapse:collapse; border-spacing:0 }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { display:block; margin:0; padding:0 }
mark { background:#ff0 }
#page, #cb, #header, #content, #footer, #head-wrapper { margin-left:auto; margin-right:auto }
.cb, #header, #content, #head-wrapper { width:950px }
.col-main { float:left; width:100%; min-height:1px }
.col-sub, .col-extra { float:left }
.layout:after, .main-wrap:after, .col-sub:after, .col-extra:after { content:'\20'; display:block; height:0; clear:both }
.layout, .main-wrap, .col-sub, .col-extra { *zoom:1
}
.clearfix:after { content:'\0020'; display:block; height:0; clear:both }
.clearfix { *zoom:1
}
.clear { clear:both; font-size:0; height:0; line-height:0; overflow:hidden }
.hidden { display:none }
.grid-s4m0 .main-wrap { margin-left:160px }
.grid-s4m0 .col-sub { width:150px; margin-left:-100% }
.grid-s5m0 .main-wrap { margin-left:200px }
.grid-s5m0 .col-sub { width:190px; margin-left:-100% }
.grid-s6m0 .main-wrap { margin-left:240px }
.grid-s6m0 .col-sub { width:230px; margin-left:-100% }
.grid-m0s5 .main-wrap { margin-right:200px }
.grid-m0s5 .col-sub { width:190px; margin-left:-190px }
.grid-s5m0e6 .main-wrap { margin:0 240px 0 200px }
.grid-s5m0e6 .col-sub { width:190px; margin-left:-100% }
.grid-s5m0e6 .col-extra { width:230px; margin-left:-230px }
.grid-e6m0s5 .main-wrap { margin:0 200px 0 240px }
.grid-e6m0s5 .col-sub { width:190px; margin-left:-190px }
.grid-e6m0s5 .col-extra { width:230px; margin-left:-100% }
.grid-m0e6s5 .main-wrap { margin-right:440px }
.grid-m0e6s5 .col-sub { width:190px; margin-left:-190px }
.grid-m0e6s5 .col-extra { width:230px; margin-left:-430px }
#header { position:relative; z-index:112; padding:0 }
#page, #site-nav .quick-menu li, #site-nav .search .menu-hd s, #site-nav .quick-menu .cart s, #site-nav .search .menu-bd button { background:transparent url(../img/header-2.png) no-repeat 999em 0 }
#page { background-repeat:repeat-x; background-position:0 -44px }
html { zoom:expression(function(ele) {
ele.style.zoom = "1";
document.execCommand("BackgroundImageCache", false, true)
}
(this))
}
body { color:#333 }
#site-nav { position:relative; height:22px; line-height:22px; margin:0 auto; padding:2px 0; z-index:10000; color:#555 }
#site-nav a { color:#666 }
#site-nav a:hover { color:#f50 }
#site-nav .login-info { float:left; color:#000 }
#site-nav .login-info a { margin-right:8px }
#site-nav .login-info a.user-nick { margin-right:0 }
#site-nav .quick-menu { position:absolute; right:0; top:1px }
#site-nav .quick-menu li { float:left; margin-left:-1px; padding:1px 10px 0 10px; background-position:right 6px }
#site-nav .quick-menu li.last { background:0 }
#site-nav .quick-menu li.menu-item { position:relative; padding:0 }
#page #site-nav .quick-menu li.menu-item { padding-top:0\9 }
#site-nav .quick-menu .cart { position:relative; padding:0 }
#site-nav .quick-menu .cart a { background:none repeat scroll 0 0 #fff; display:block; cursor:pointer; border:1px solid #d8d8d8; height:18px; line-height:17px; margin-top:2px; padding-left:25px; padding-right:6px }
#site-nav .quick-menu .cart #mc-menu-hd { height:18px; line-height:17px; margin:2px 0 0; overflow:hidden; padding-right:6px; position:relative; width:70px }
#site-nav .quick-menu .cart #mc-menu-hd .mc-count { color:#f50; font-family:'simsun'; font-weight:bold }
#site-nav .quick-menu .cart s { position:absolute; width:16px; height:16px; left:5px; top:1px; background-position:-100px -21px }
#site-nav .menu-hd { display:block; position:relative; height:21px; line-height:17px; margin:3px 1px 0; padding:0 22px 0 10px; cursor:pointer; z-index:10002 }
#site-nav .mytaoshu .menu-hd { width:48px }
#site-nav .menu-hd b { position:absolute; right:10px; top:7px; width:0; height:0; border-width:4px 4px; border-style:solid; border-color:#666 #e8e5de #e8e5de #e8e5de; font-size:0; line-height:0; -webkit-transition:-webkit-transform .2s ease-in;
-moz-transition:-webkit-transform .2s ease-in;
-o-transition:-webkit-transform .2s ease-in;
transition:-webkit-transform .2s ease-in
}
#site-nav .menu-bd { display:none; position:absolute; right:0; top:21px; background:#fff; border:1px solid #bfbfbf; z-index:10001 }
#site-nav .menu-bd-panel { padding:10px 10px 6px }
#site-nav .menu { position:relative }
#site-nav .menu:hover .menu-hd, #site-nav .hover .menu-hd { border-bottom:1px solid white; margin:2px 0 0; border:1px solid #bfbfbf; border-bottom:0; background:white }
#site-nav .menu:hover .menu-bd, #site-nav .hover .menu-bd { display:block }
#site-nav .menu:hover .menu-hd b, #site-nav .hover .menu-hd b { border-color:#666 #fff #fff #fff; -moz-transform:rotate(180deg); -moz-transform-origin:50% 30%; -webkit-transform:rotate(180deg); -webkit-transform-origin:50% 30%; -o-transform:rotate(180deg); -o-transform-origin:50% 30%; transform:rotate(180deg); transform-origin:50% 30%; filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
top:3px\9 }
#site-nav .mytaoshu .menu-bd, #site-nav .favorite .menu-bd { height:50px; line-height:1.7 }
#site-nav .mytaoshu .menu-bd { width:80px }
#site-nav .favorite .menu-bd { width:82px }
#site-nav .mytaoshu .menu-bd-panel, #site-nav .favorite .menu-bd-panel { padding:4px 10px }
#site-nav .phone em { background:url("../img/bg.png") no-repeat scroll 0 -1024px transparent; display:block; font-size:0; height:16px; margin-top:2px; width:100px }
#head-wrapper { padding-top:10px; height:77px; position:relative; z-index:100 }
.logo { float:left; padding-top:0 }
.tss-search { position:absolute; right:70px; top:20px; z-index:108 }
.tsearch-hot { position:absolute; right:95px; top:54px; height:28px; line-height:28px; width:525px; z-index:106 }
.tsearch-hot a { margin-right:6px; color:#666 }
.tsearch-hot a:hover { color:#f60 }
.tsearch-hot .more { color:#666; position:relative; padding-right:7px }
.tsearch-hot .arrow { display:inline-block; width:4px; height:8px; position:absolute; right:0; _right:auto; _margin-left:3px; top:3px; background:url("../img/bg.png") -2px -250px no-repeat }
.tsearch-fields { width:561px; height:34px; background:url(../img/bg.png) 0 -48px repeat-x; margin-bottom:3px }
.rc-tp-l { height:34px; width:10px; background:url(../img/bg.png) 0 -9px no-repeat; position:absolute; left:0; top:0 }
.rc-tp-r { height:34px; width:3px; background:url(../img/bg.png) 0 -89px no-repeat; position:absolute; right:-1px; top:0 }
.tsearch-fields input { width:280px; background:0; border:0; position:absolute; z-index:10; top:4px; left:8px; height:18px; line-height:18px; padding:3px 0 }
.tsearch-fields label { position:absolute; top:4px; left:10px; z-index:11; height:18px; padding:3px 0 3px 20px; line-height:18px; background:url(../img/bg.png) 3px -172px no-repeat; color:#b8b8b8; display:none; cursor:text }
.tsearch-fields button { background:url(../img/bg.png) 0 -135px no-repeat; width:100px; height:25px; position:absolute; right:2px; top:3px; border:0; cursor:pointer }
.select-type { position:absolute; right:102px; top:3px; width:120px }
.select-t { background:url("../img/search.png") no-repeat scroll 0 0 #f7f7f7; cursor:pointer; line-height:25px; padding-left:10px; padding-top:1px }
.select-t ul li { height:25px; line-height:25px }
.options { display:none }
.options li { color:#3f3f3f; cursor:pointer; height:25px; line-height:25px; padding-left:38px }
.select-current { background:none repeat scroll 0 0 #fff; border:1px solid #abb1b1; padding:0 5px 10px; top:3px; width:144px }
.select-current .select-t { background:url("../img/search.png") no-repeat scroll 30px -31px transparent; border-bottom:1px solid #d8d8d8; padding-bottom:3px; padding-left:40px; padding-top:0 }
.select-current .options { display:block }
.all-field { cursor:pointer; font-weight:bold; line-height:20px; padding-left:16px; padding-top:8px }
.options li.bg { background:none repeat scroll 0 0 #c7744f; color:#fff }
.options li.selecteds { background:url("../img/gouzi.png") no-repeat scroll 18px center transparent; color:#c7744f; font-weight:bold; padding-left:40px }
.tsearch-extra ul li { float:left; position:relative; margin-right:10px }
.tsearch-extra ul li input { margin-right:4px; vertical-align:middle }
.tsearch-extra ul li label { margin-right:10px; vertical-align:middle }
.tsearch-action { position:absolute; right:8px; top:28px; width:50px; height:34px; padding-left:10px; margin-top:-2px }
.tsearch-action a { color:#666 }
.tsearch-action a:hover { color:#f50 }
.main-nav { background:none repeat scroll 0 0 #546f60; height:37px; position:relative; z-index:88 }
.main-nav a { color:#fff; text-decoration:none }
.main-nav a:hover { color:#fff; text-decoration:none }
.channel-nav { float:left; padding-left:10px; position:relative; width:716px }
.channel-nav dt, .channel-nav .home { float:left; font-size:14px; font-weight:bold; height:37px; line-height:37px; padding:0 10px; position:relative }
:root .channel-nav dt { letter-spacing:1px \0/IE9 }
:root #nospace1, #nospace2 { letter-spacing:0 \0/IE9 }
.channel-nav dl { display:block; float:left; position:relative }
.channel-nav dl dd { display:none; left:0; position:absolute; top:36px }
.channel-nav dl.current dt { background:none repeat scroll 0 0 #fff; border-color:#aeac87 #aeac87; border-style:solid solid none; border-width:1px 1px medium; height:35px; overflow:hidden; padding:0 9px 1px; z-index:666 }
.channel-nav dl.current dt a { color:#000 }
.channel-nav dl.current dt a:hover { color:#000; text-decoration:none }
.channel-nav dl.current dd { background:none repeat scroll 0 0 #fff; border:1px solid #aeac87; display:block; padding:10px 5px; width:290px; z-index:660 }
.channel-nav-more { border-bottom:1px solid #e8e5de; padding-bottom:5px }
.channel-nav-more a { color:#757575; display:block; float:left; height:20px; line-height:20px; margin-top:5px; overflow:hidden; padding-left:10px; width:85px }
.channel-nav-more a:hover { background:none repeat scroll 0 0 #e8e5de; color:#757575; text-decoration:none }
.tags { padding:0 10px }
.pull-down-link { height:25px; line-height:25px; padding-right:5px; text-align:right }
.pull-down-link a { color:#aeac87 }
.pull-down-link a:hover { color:#aeac87 }
.tags span { display:inline-block; height:24px; line-height:24px; margin-right:10px }
.tags a { color:#757575 }
.tags a:hover { color:#757575; text-decoration:underline }
.tags-t { background:url("../img/book-mark.png") no-repeat scroll 2px 11px transparent; color:#363636; font-weight:bold; height:30px; line-height:30px; padding-left:25px; padding-top:6px }
.channel-r { background:none repeat scroll 0 0 #a3a180; float:right; height:37px; line-height:37px; width:223px }
.other { float:left; font-size:14px; font-weight:bold; height:37px; line-height:37px; padding:0 16px; position:relative }
.g { color:#546f60; font-weight:bold }
.r { color:#c7744f; font-weight:bold }
.cc { color:#f60 }
.my .ks-stdmod-header, .my .ks-stdmod-footer { display:none }
.my .ks-stdmod-body { line-height:0 }
.ks-dialog, .ks-overlay { position:absolute; left:-9999px; top:-9999px }
.ks-dialog, .ks-popup { background-color:#fbfbfb; border:1px solid #acb4be }
.ks-dialog .ks-stdmod-header { background:repeat-x scroll 0 0 #d6dbe2; background-image:url("dialog-hd.png"); border-bottom:1px solid #acb4be; font-size:14px; font-weight:bold; height:30px; line-height:30px; padding:0 0 0 18px }
.ks-ext-close { height:18px; width:18px; border:1px solid transparent; right:6px; top:6px; vertical-align:middle; position:absolute; text-decoration:none; outline:0; _border-color:tomato; _filter:chroma(color = tomato); overflow:hidden; cursor:pointer }
.ks-ext-close .ks-ext-close-x { display:block; background:no-repeat; background-image:url("../img/close.png"); height:13px; text-indent:-9999px; width:13px; margin:2.5px }
.ks-ext-close:hover { border:1px solid #ced5e0; background:white }
.ks-ext-mask { background-color:#000; opacity:.3; filter:alpha(opacity = 15) }
.ks-ext-loading { opacity:.3; filter:alpha(opacity = 15); background:#000 center center no-repeat scroll; background-image:url("loading.gif") }
.ke-global-loading .ks-ext-loading { background-attachment:fixed }
.ks-overlay .ks-resizable-handler { overflow:hidden; font-size:0; line-height:0; position:absolute }
.ks-overlay .ks-resizable-handler-b { height:15px; width:100%; bottom:-15px; left:0; cursor:n-resize }
.ks-overlay .ks-resizable-handler-t { height:15px; width:100%; top:-15px; left:0; cursor:n-resize }
.ks-overlay .ks-resizable-handler-l { height:100%; -height:expression(this.parentNode.offsetHeight);
width:15px; top:0; left:-15px; cursor:e-resize }
.ks-overlay .ks-resizable-handler-r { height:100%; -height:expression(this.parentNode.offsetHeight);
width:15px; position:absolute; top:0; right:-15px; cursor:e-resize }
.ks-overlay .ks-resizable-handler-bl { height:15px; width:15px; z-index:1; bottom:-15px; left:-15px; cursor:sw-resize }
.ks-overlay .ks-resizable-handler-br { height:15px; width:15px; z-index:1; bottom:-15px; right:-15px; cursor:se-resize }
.ks-overlay .ks-resizable-handler-tl { height:15px; width:15px; z-index:1; top:-15px; left:-15px; cursor:nw-resize }
.ks-overlay .ks-resizable-handler-tr { height:15px; width:15px; z-index:1; top:-15px; right:-15px; cursor:ne-resize }
.flowsteps { height:23px; margin-top:5px; *zoom:1
}
.flowsteps ol { position:relative; overflow:hidden; *zoom:1;
background:#e4e4e4 }
.flowsteps .num2 li, .flowsteps .num2 .last { width:50% }
.flowsteps .num3 li, .flowsteps .num3 .last { width:33.3% }
.flowsteps .num4 li, .flowsteps .num4 .last { width:24.9% }
.flowsteps .num5 li, .flowsteps .num5 .last { width:19.9% }
.flowsteps .num6 li, .flowsteps .num6 .last { width:16.6% }
.flowsteps li, .flowsteps span { background:url(../img/flowsteps.png) no-repeat 0 0; color:#888 }
.flowsteps li { float:left; height:23px; overflow:hidden; font-size:14px; font-weight:bold; line-height:23px; text-align:center }
.flowsteps span { display:block }
.flowsteps .last { position:absolute; right:0; _right:-1px; _width:100%!important; background-position:100% -92px }
.flowsteps a { color:#546f60; text-decoration:underline }
.flowsteps .current .last { background:url(../img/flowsteps-for-opera.png) no-repeat 100% 0 }
.flowsteps .done span { background-color:#e4e4e4; background-position:0 0 }
.flowsteps .current, .flowsteps .current span { background-color:#546f60; background-position:0 0; color:#fff }
.flowsteps .next { background-position:0 -23px }
.flowsteps .next span { background-position:0 -22px }
.flowsteps .next .last { background-position:100% -92px }
.flowsteps span.first { background-position:0 -69px }
.msg { margin-top:10px }
.msg .msg-default { padding:2px 5px; border:1px solid #ffcc7f; background:#ffffe5; position:relative; min-height:20px; _height:20px }
.msg .msg-icon { float:left; width:16px; height:16px; margin:1px 5px 1px 0; font-size:0; line-height:0; background:url(../img/msg.png) no-repeat 0 -160px }
.msg .msg-title { display:inline; padding-right:2px; font-weight:bold }
.msg .msg-content { display:inline }
.msg .msg-error { border:1px solid #ff8080; background:#fff2f2 }
.msg .msg-error .msg-icon { background-position:0 0 }
.msg .msg-stop { border:1px solid #ff8080; background:#fff2f2 }
.msg .msg-stop .msg-icon { background-position:0 -40px }
.msg .msg-question { border:1px solid #ffcc7f; background:#ffffe5 }
.msg .msg-question .msg-icon { background-position:0 -80px }
.msg .msg-attention { border:1px solid #40b3ff; background:#e5f5ff }
.msg .msg-attention .msg-icon { background-position:0 -120px }
.msg .msg-tips { border:1px solid #ffcc7f; background:#ffffe5 }
.msg .msg-tips .msg-icon { background-position:0 -160px }
.msg .msg-ok { border:1px solid #4dbf00; background:#f0ffe5 }
.msg .msg-ok .msg-icon { background-position:0 -200px }
.msg .msg-notice { border:1px solid #ffcc7f; background:#ffffe5 }
.msg .msg-notice .msg-icon { background-position:0 -240px }
.msg-strong .msg-default { padding:6px 10px; min-height:40px; _height:40px }
.msg-strong .msg-icon { width:32px; height:32px; margin-right:10px; background-position:100% -160px; left:10px; top:6px }
.msg-strong .msg-title { display:block; margin-left:42px; padding:0; font-size:14px }
.msg-strong .msg-content { display:block; margin-left:42px }
.msg-strong .msg-error .msg-icon { background-position:100% 0 }
.msg-strong .msg-stop .msg-icon { background-position:100% -40px }
.msg-strong .msg-question .msg-icon { background-position:100% -80px }
.msg-strong .msg-attention .msg-icon { background-position:100% -120px }
.msg-strong .msg-tips .msg-icon { background-position:100% -160px }
.msg-strong .msg-ok .msg-icon { background-position:100% -200px }
.msg-strong .msg-notice .msg-icon { background-position:100% -240px }
.msg-weak { margin-bottom:0 }
.msg-weak .msg-default { padding:4px 6px; border:0; background:0 }
.msg-weak .msg-icon { left:0 }
.msg-strong-weak .msg-default { border:0; background:0 }
.msg-inline, .msg-inline .msg-default { display:inline-block; *display:inline;
*zoom:1
}
.msg-big .msg-default { font-size:14px; padding:40px 170px; margin-bottom:40px }
.msg-big .msg-title { font-size:16px; margin-left:56px }
.msg-big .msg-content { display:block; margin:20px 0 0 56px }
.crumbs { margin:10px 0 0 20px; height:18px; line-height:18px }
.crumbs span, .crumbs a { float:left; font-family:\5b8b\4f53 }
.crumbs a { margin-right:4px; padding:0 10px 0 0; background:url(../img/crumbs.png) no-repeat 100% 50% }
.ad { font-size:0; line-height:0; margin:0 auto; overflow:hidden }
.ad p { margin-top:10px }
.label_tj { background:url(../img/discount.png) no-repeat 0 0; height:50px; overflow:hidden; position:absolute; right:6px; top:0; width:50px; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.taoshu.com/img/discount.png', sizingMethod='noscale')
}
.label_tj span { color:#fff; font:bold 18px/28px Arial; left:5px; position:absolute; top:10px }
.tj-span { background:url("../img/tj-icon.png") no-repeat scroll 0 0 transparent; height:52px; width:52px; display:block; position:absolute; right:10px; top:-1px; z-index:10; _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.taoshu.com/img/tj-icon.png', sizingMethod='noscale')
}
.w950 { width:950px }
.w190 { width:190px }
.w150 { width:150px }
.w230 { width:230px }
.w710 { width:710px }
.h { color:#c7744f; font-weight:bolder }
.h:hover { color:#c7744f }
.left-w190 { width:188px; border:1px solid #ccc; margin-top:10px }
.left-w150 { width:148px; border:1px solid #ccc; margin-top:10px }
.title { height:38px; border-bottom:1px solid #d8d8d8 }
.mrys, .bjtj, .xssd, .tsfl, .mstm, .wxys, .rwsk, .jjgl, .shss, .kxjs, .jyjc, .sets, .gjs, .tjjx, .rwz, .zkzq, .tsph, .bzfl, .lxkf, .wdts, .zxzx, .wzlm { background:url("../img/bg-title.png") no-repeat scroll 0 0 transparent }
.wzlm { background-position:0 -768px }
.mrys { background-position:0 -420px }
.xssd { background-position:0 -35px }
.tsfl { background-position:0 -70px }
.mstm { background-position:0 -105px }
.wxys { background-position:0 -140px }
.rwsk { background-position:0 -175px }
.jjgl { background-position:0 -210px }
.shss { background-position:0 -245px }
.kxjs { background-position:0 -280px }
.jyjc { background-position:0 -315px }
.sets { background-position:0 -350px }
.gjs { background-position:0 -385px }
.bjtj { background-position:0 -455px }
.rwz { background-position:0 -490px }
.zkzq { background-position:0 -525px }
.tsph { background-position:0 -560px }
.bzfl { background-position:0 -595px }
.lxkf { background-position:0 -630px }
.wdts { background-position:0 -665px }
.zxzx { background-position:0 -700px }
.img130 { display:block; height:130px; overflow:hidden; vertical-align:middle; width:130px; position:relative }
.img60 { display:table-cell; height:60px; overflow:hidden; vertical-align:middle; width:60px }
.img100 { display:table-cell; height:100px; overflow:hidden; vertical-align:middle; width:100px }
.img100 img { display:block; margin:0 auto; max-height:100px; max-width:100px }
.img130 img { display:block; margin:0 auto; max-height:130px; max-width:130px; vertical-align:middle }
.img60 img { display:block; margin:0 auto; max-height:60px; max-width:60px; vertical-align:middle }
.book-name { height:37px; overflow:hidden; text-align:center }
.price { color:#555; font-family:Tahoma, Geneva, sans-serif; height:20px; white-space:nowrap }
.price span { line-height:25px; padding-left:12px }
span.old-price { background:url("../img/bg.png") no-repeat scroll 0 -422px transparent; color:#757575; font-weight:normal; padding-right:5px; text-decoration:line-through }
span.new-price { background:url("../img/bg.png") no-repeat scroll 0 -420px transparent; color:#ff4a00; font-size:14px; font-weight:bold }
span.discount { color:#546f60 }
a.btn-buy, a.btn-add, a.btn-order, a.btn-continue, a.btn-nostock, a.btn-noorder, a.btn-pay { background:url("../img/bg-btn.png") no-repeat scroll 0 0 transparent; display:block; height:36px; width:131px }
a.btn-sbuy, a.btn-sadd, a.btn-snostock { background:url("../img/bg-btn.png") no-repeat scroll 0 -180px transparent; display:block; height:25px; width:90px }
input.btn-login { background:url("../img/bg-btn.png") no-repeat scroll 0 -230px transparent; height:25px; width:90px; border:0 none; cursor:pointer; display:inline-block; margin-right:6px; overflow:hidden; vertical-align:middle }
a.btn-sadd { background-position:0 -205px }
a.btn-snostock { background-position:-131px -255px }
a.btn-add { background-position:0 -36px }
a.btn-order { background-position:0 -72px }
a.btn-noorder { background-position:0 -352px }
a.btn-continue { background-position:0 -108px }
a.btn-nostock { cursor:default; background-position:0 -255px }
a.btn-pay { background-position:0 -496px }
input.btn-register, input.btn-next, input.btn-email, button.btn-submitorder { background:url("../img/bg-btn.png") no-repeat scroll 0 -144px transparent; height:36px; width:131px; border:0 none; cursor:pointer; display:block }
input.btn-register:hover { background-position:-131px -144px }
input.btn-next { background-position:0 -424px }
input.btn-next:hover { background-position:-131px -424px }
input.btn-email { background-position:0 -460px }
input.btn-email:hover { background-position:-131px -460px }
button.btn-submitorder { background-position:-0 -388px }
button.btn-submitorder:hover { background-position:-131px -388px }
a.btn-buy:hover { background-position:-131px 0 }
a.btn-add:hover { background-position:-131px -36px }
a.btn-order:hover { background-position:-131px -72px }
a.btn-continue:hover { background-position:-131px -108px }
a.btn-pay:hover { background-position:-131px -496px }
a.btn-sbuy:hover { background-position:-90px -180px }
a.btn-sadd:hover { background-position:-90px -205px }
input.btn-login:hover { background-position:-90px -230px }
.button { min-width:60px; margin-right:10px; padding:1px 6px; *padding:0;
font-size:12px; border:1px solid #546f60; background:url(../img/bg-repeatx.png) repeat-x 0 -10px; cursor:pointer }
.button { -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 1px 2px #999; -khtml-box-shadow:1px 1px 2px #999; -webkit-box-shadow:1px 1px 2px #999; box-shadow:1px 1px 2px #999 }
.button:hover, .button:active { -moz-box-shadow:0 0 2px #aaa; -khtml-box-shadow:0 0 2px #aaa; -webkit-box-shadow:0 0 2px #aaa; box-shadow:0 0 2px #aaa }
.pages { clear:both; height:22px; margin-bottom:10px; margin-top:10px; padding:10px; text-align:center }
.pages span, .pages a { display:inline-block; height:18px; line-height:18px; margin-right:5px; overflow:hidden; padding:0 5px; text-align:center; vertical-align:middle; white-space:nowrap }
.pages .stat-page { background:url("../img/page.png") no-repeat scroll 8px 0 transparent; border:1px solid #bfc0c0; padding:0; width:20px }
.page-cur { background:none repeat scroll 0 0 #566e5e; border:1px solid #566e5e; color:#fff; margin-right:5px }
.pages a { border:1px solid #bfc0c0 }
.pages a:hover { border:1px solid #566e5e; text-decoration:none }
.pages .page-next { background:url("../img/page.png") no-repeat scroll 47px -23px transparent; padding:0 15px 0 7px; border:1px solid #bfc0c0 }
.pages input { border:1px solid #bfc0c0; color:#808080; height:17px; margin:0 5px; text-align:center; vertical-align:middle }
.pages .page-skip { height:22px; line-height:20px; margin-top:0 }
.pages button { background:url("../img/bg.png") no-repeat scroll 0 -961px transparent; border:0 none; height:19px; margin:0 0 0 5px; padding:0; text-indent:-9999px; vertical-align:middle; width:37px }
.pages .b-total { float:left; line-height:20px }
.pages .b-total span { float:none; margin:0 }
.pages form { display:inline }
.pages-more { clear:both; height:35px; line-height:35px; padding-right:25px; text-align:right }
.pages-more strong { font-weight:bold; margin:0 2px }
.pages-more a { background:url("../images/bg.png") no-repeat scroll 0 -485px transparent; color:#a9c609; padding-left:15px }
.left-book1 { overflow:hidden; width:188px; border:1px solid #d8d8d8; margin-top:10px; padding-bottom:8px }
.left-book1 ul { margin-top:8px }
.left-book1 ul li { line-height:21px; padding:0 15px }
.left-book { height:330px; overflow:hidden; width:188px; border:1px solid #d8d8d8; margin-top:10px }
.left-title { font-size:14px; position:relative; background:none repeat scroll 0 0 #f8f8f8; border-bottom:1px solid #d8d8d8; font-weight:bold; height:30px; line-height:30px; margin-bottom:5px; color:#546f60; padding:0 15px }
.left-title a { background:url("../img/bg.png") no-repeat scroll 0 -200px transparent; color:#363636; font-size:12px; font-weight:normal; padding-left:15px; position:absolute; right:8px; top:0 }
.book-ul { padding:0 8px 8px }
.book-ul li { height:23px; line-height:23px; overflow:hidden; padding-left:2px; position:relative }
.book-ul li strong { background:url("../img/bg.png") no-repeat scroll -14px -306px transparent; color:#fff; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; height:14px; line-height:12px; margin-right:4px; padding-top:4px; text-align:center; width:14px }
.book-ul li.hot-3 strong { background:url("../img/bg.png") no-repeat scroll 0 -306px transparent }
.book-ul li .tbook-img { display:none; float:left }
.book-ul li .tbook-price { display:none }
.book-ul li.selected { background:url("../img/bg.png") repeat-x scroll 0 -832px transparent; height:72px; line-height:18px; margin-bottom:3px; padding-top:5px }
.book-ul li.selected .tbook-img { display:block; float:left }
.book-ul li.selected .tbook-price { display:block }
.book-ul li.selected .tbook-info { float:left; padding-left:4px; width:84px }
.book-ul li .tbook-name { padding-bottom:0 }
.book-ul li.selected .tbook-name { padding-bottom:5px }
.book-ul li.selected .tbook-info .price_d { color:#ff4a00; font-family:Arial; font-weight:bold }
.book-ul li.selected .tbook-info .price_d em { padding-left:1px }
.book-ul li.selected .tbook-info .discount { color:#546f60; padding-left:5px }
#footer { margin:0 auto; width:100%; background:#f9f9f9 url(../img/bg_footer.gif) repeat-x 0 -150px; padding:20px 0 35px; clear:both }
.public_footer { margin:0 auto; width:950px; padding:32px 5px 0; background:#f9f9f9 url(../img/bg_footer.gif) repeat-x 0 -170px; color:#666; overflow:hidden }
.public_footer a { color:#666!important }
.public_footer a:hover { color:#f60!important }
.public_footer .footer_sort { width:137px; padding:0 21px 0 1px; display:block; float:left }
.public_footer .footer_hotline { padding-right:0 }
.public_footer .footer_sort h2 { font-size:0; border-bottom:1px solid #dcdcdc; height:22px; line-height:0; font-size:0; overflow:hidden; text-indent:-9999px; width:137px; background:url(../img/icon_footer.png) no-repeat 14px 0 }
.public_footer .footer_sort ul { display:block; padding:7px 0 0 0 }
.public_footer .footer_sort ul li { padding-left:30px; background:url(../img/icon_footer.png) no-repeat 17px -177px; height:20px; line-height:20px }
.public_footer .footer_nvice h2 { background-position:14px 0 }
.public_footer .footer_distribution h2 { background-position:14px -30px }
.public_footer .footer_pay h2 { background-position:14px -60px }
.public_footer .footer_aftermarket h2 { background-position:14px -90px }
.public_footer .footer_hotline h2 { background-position:14px -120px }
.public_footer .footer_hotline ul li { padding-left:5px; background:0 }
.public_footer .footer_hotline ul li em { background:url("../img/bg.png") no-repeat scroll 0 -1050px transparent; display:block; font-size:0; height:18px; margin-top:6px; width:100px }
.public_footer .footer_help h2 { background-position:14px -150px }
.public_footer .footer_nav { text-align:center; padding:5px; margin-top:10px }
.public_footer .sep { display:inline-block; padding:0 18px }
.public_footer .footer_copyright { padding-left:140px; margin:0 auto }
.public_footer .footer_copyright span { float:left; display:inline }
.public_footer .footer_copyright span { padding-top:5px }
.public_footer .footer_copyright a { padding-right:4px }
.public_footer .footer_icon { margin:10px 0 0 170px; height:57px }
.public_footer .footer_police { padding-top:10px; text-align:center }
.public_footer .footer_pic { width:949px; height:53px; overflow:hidden; clear:both; margin:20px 0 20px }
.public_footer .footer_pic a { display:block; width:237px; height:53px; background:url(../img/bg-pic.png) no-repeat 0 0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px; cursor:pointer; float:left }
.public_footer .footer_pic a.footer_pic02 { background-position:-237px 0 }
.public_footer .footer_pic a.footer_pic03 { background-position:-474px 0 }
.public_footer .footer_pic a.footer_pic04 { background-position:-711px 0; width:238px }
#accordion .ks-switchable-trigger { padding:6px 15px; cursor:pointer; border-bottom:1px solid #ddd; background:#f3f3f3; overflow:hidden; height:22px; line-height:22px; outline:medium none }
#accordion .ks-switchable-trigger h3 { float:left; width:100px; margin-left:6px }
#accordion .ks-switchable-panel { padding:3px 6px 3px 10px; border-bottom:1px solid #ddd }
#accordion .ks-icon { float:left; width:12px; height:12px; overflow:hidden; margin-top:4px; font-size:0; vertical-align:middle; background:url(../img/icon.png) no-repeat 0 0 }
#accordion .ks-active .ks-icon { background-position:-20px 0 }
#accordion .last-trigger { border-bottom-width:0 }
#accordion .ks-active { border-bottom-width:1px }
#accordion .last-panel { border-bottom:0 }
.list-ul, .list1-ul { padding:10px 0 6px 0 }
.list-ul li { height:28px; line-height:28px; clear:both }
.list1-ul li { height:28px; line-height:28px; clear:both; padding-left:34px }
.list-ul li a { background:url('../img/bg-title.png') no-repeat scroll -9999px -9999px transparent; display:block; height:24px; line-height:24px; padding-left:24px; width:108px }
.list-ul li a.current { background-position:0 -740px; color:#c7744f; font-weight:bold; text-decoration:none }
.list-ul li a:hover { background-position:0 -740px }
.form { margin-top:10px }
.form hr { height:0; overflow:hidden; margin-bottom:5px; border:0; border-bottom:1px dashed #ccc; background:0 }
.form .field { overflow:hidden; clear:both; margin-bottom:10px; zoom:1 }
.form .field .hd { float:left; width:84px; text-align:right }
.form .field .hd .required { display:inline; color:#c30; vertical-align:middle }
.form .field .hd .label { display:inline }
.form .field .bd { padding-left:84px }
.form .field .bd .cell { text-align:left }
.form .field .bd label { text-align:left; margin-left:8px }
.form .field label, .form .field select, .form .field option, .form .field textarea { vertical-align:middle }
.text-default { border:1px solid #ccc }
.text-default-hover { border:1px solid #aeac87 }
.form .field input.text { height:24px; line-height:24px; vertical-align:middle }
.form textarea { height:44px; line-height:18px; width:622px }
.form .button-box { margin:8px 0; padding-top:8px; text-align:center }
.form .field-msg-inline .cell { float:left; display:inline; margin:0 10px 0 0 }
.form select { color:#404040; line-height:22px; height:22px; width:140px }
.form .tips { color:#808080; vertical-align:middle }
.form .default-addr input { height:auto; vertical-align:middle }
.form .default-addr { line-height:24px; height:24px }
.topnav { margin-top:10px; background-color:#f3f3f3; line-height:36px; height:36px; padding:2px; text-align:center }
.topnav a { text-decoration:none; border:1px solid #546f60; text-align:center; padding:6px 8px; background-color:#e8ffef; font-weight:bold; margin-right:6px }
.topnav a:hover { background-color:#546f60; color:#FFF; font-weight:bold }
.press-table { width:100%; margin:10px 0 10px; border:solid 1px #ccc }
.press-table td { line-height:26px; height:26px; text-align:center; width:25%; border:solid 1px #ccc }
.press-tabletr { text-align:left; background-color:#e8ffef; font-size:14px }
#cb { background-color:#f9f9f9 }
.cb { position:relative; height:22px; line-height:22px; margin:0 auto; z-index:10000; color:#666; background:url("../img/cb.jpg") no-repeat scroll 15px 6px transparent; padding:2px 0 2px 38px }
.cb a:hover { color:#f50 }
.cb .fr { float:right }
